"use client"
import {AiOutlineArrowRight} from "react-icons/ai";
import Link from "next/link";

export default function MoreLink({...props}:{href:string}) {
    return (
        <>
            <Link {...props} className={"flex justify-center group"}>
                <div className={"py-1 px-6 bg-blue-500 text-white rounded-full max-w-fit flex gap-x-1 items-center"}>
                        <span>
                            查看更多
                        </span>
                    <AiOutlineArrowRight className={"group-hover:translate-x-1 transition-all"} />
                </div>
            </Link>
        </>
    )
}